<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <meta charset="UTF-8">
    <title>移动端App</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <style type="text/css">
        html,body {height: 100%;width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
        body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,menu,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{border: 0;padding: 0;margin: 0;}
        body{font:1.4rem/150% "Hiragino Sans GB",'Microsoft YaHei','Arial';word-break:break-all;word-wrap:break-word;}
        ul,ol,li{list-style:none}
        a{text-decoration:none;-webkit-transition: color 400ms, background-color 400ms;transition: color 400ms, background-color 400ms;-webkit-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: rgba(0,0,0,0);-o-tap-highlight-color: rgba(0,0,0,0);}
        a:hover{text-decoration:none;}a:focus{outline:none;-moz-outline:none;}
        a:active{outline:none;blr:expression(this.onFocus=this.blur())}
        a,img{border:0 none;}
        img{max-width:100%;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
        input,select,button{vertical-align:middle;-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
        h1,h2,h3,h4,h5,h6 {font-weight: normal;}
        h1 {font-size: 3.6rem;line-height: 4.5rem;}
        h2 {font-size: 2.4rem;line-height: 3.0rem;}
        h3 {font-size: 1.8rem;line-height: 2.2rem;}
        h4 {font-size: 1.6rem;line-height: 2.0rem;}
        h5 {font-size: 1.4rem;line-height: 1.8rem;}
        h6 {font-size: 1.2rem;line-height: 1.6rem;}
        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, .dis{display: block;}
        .jt-logo img {display: block;height: 44px;margin-top: 3px;}
        .j-main {min-height: 200px;position: relative;overflow: hidden;}
        .slogan-top td {padding: 55px 0 0;margin: 0;}
        .slogan-top .sLogan {border: solid 1px #f4f4f4;border-radius: 20px;width: 82px;height: 82px;}
        .slogan-top .sLogan img{display: inline-block;margin: 6px;}
        .slogan-top h2 {text-align: center;/*font-size: 2.6rem;*/font-family:"Hiragino Sans GB",'Microsoft YaHei';color: #fb632f;}
        .slogan-top h3 {font-size: 1rem;color: #fb632f;}
        .slogan-top h4 {font-size: 1.08rem;color: #444;margin-bottom: 20px;}
        .ts-bottom {background: rgba(255,255,255,.6);height: 40px;text-align: center;overflow: hidden;}
        .ts-bottom span,.ts-bottom tt {font: 1.05rem/40px "Hiragino Sans GB",'Microsoft YaHei';color: #aaa;}
        .jt-btn-wrap {padding: 0px 0 10px;text-align: center;}
        .jt-btn-wrap a,.jt-btn-wrap span {background: linear-gradient(to right, #ff4a70 , #ff9551);background: -webkit-linear-gradient(left, #ff4a70 , #ff9551);
            background: -o-linear-gradient(right, #ff4a70 , #ff9551);background: -moz-linear-gradient(right, #ff4a70 , #ff9551);border-radius: 60px;display: inline-block;
            width: 80%;height: 45px;text-align: center;font: 1.2rem/45px 'Hiragino Sans GB','Microsoft YaHei';color: #fefefe;box-shadow: 0 7px 32px rgba(255,59,67,.4);}
        .j-foot {margin-top: 20px;}
        .j-foot td {padding: 0 10px;color: #666;font-size: .4rem;text-align: center;}
        .j-foot td * {vertical-align: middle;}
        .b-obg {background: rgba(0,0,0,.8);display: none;position: fixed;height: 100%;width: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 9998;}

        .wx-tips {display: none;position: absolute;right: 10px;top: 5px;z-index: 9999;}
    </style>
</head>
<body   th:style="'background: url('+${staticPath}+'/front/mobile/v3/img/app/app-bg.jpg) no-repeat 50% 0 / cover;'">
    <div id="fenxiangDiv" style="display: none">
        <div class="bg-shadow" onclick="$('#fenxiangDiv').hide()"></div>
        <div class="dialog-ele animated0d8s bounceInDown">
            <header class="d-head">
                <h5>使用必读：</h5>
                <a class="close" onclick="$('#fenxiangDiv').hide()" href="javascript:void(0)">
                    <i class="icon-close"></i>
                </a>
            </header>
            <div class="dcWrap">
                <div class="d-tips-0">
                    <div>
                        <div class="">
                            <p style="font-size:0.8rem;line-height: 24px;color: #666;text-align: left;">
                                友情提示：点击下载APP后，需要您协助在手机内部信任该应用，以便您更好的使用其内部优越的功能。具体步骤如下：点击苹果手机设置→通用→描述文件/设备管理→企业级应用。点击并信任，完成后即可使用。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="downloadAppTips" style="display: none;">
        <div class="bg-shadow" onclick="$('#downloadAppTips').hide()"></div>
        <div class="dialog-ele animated0d8s bounceInDown" style="margin-top: -60px;">
            <header class="d-head">
                <h5>友情提示：</h5>
                <a class="close" onclick="$('#downloadAppTips').hide()" href="javascript:void(0)">
                    <i class="icon-close"> </i>
                </a>
            </header>
            <p style="font-size:0.9rem;line-height: 24px;color: #666;text-align: center;padding: 20px 0;">
                <svg style="vertical-align: middle;" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 1024 1024" enable-background="new 0 0 28 28" xml:space="preserve">
                  <path fill="#333333" d="M884.158045 116.504826c-1.105171 1.526773-111.586424 155.4924-111.586424 268.970918 0 157.64953-71.279417 238.452857-152.261822 268.609691l0 14.343683c0 49.53723-40.310078 89.847308-89.847308 89.847308-49.532113 0-89.843214-40.310078-89.843214-89.847308l0-15.513322c-10.093892-7.394411-15.066137-20.395516-11.053754-32.971949 5.031597-15.752776 21.922289-24.38027 37.646412-19.408025 16.620539 5.300726 34.561144 7.997138 53.247738 7.997138l20.005636 0c107.848287 0 172.204014-83.376942 172.204014-223.030609 0-101.106746 68.227917-220.301452 103.113449-274.686083-53.694923-24.499997-171.304528-71.307046-285.321304-71.307046-113.714901 0-231.56089 47.137577-285.288558 71.722508 34.918277 54.272068 103.080703 173.164898 103.080703 274.271644 0 58.430784 10.871605 106.889449 32.318056 144.054907 8.263198 14.344706 3.355421 32.646538-10.962679 40.909735-14.403035 8.299013-32.641421 3.354398-40.909735-10.958586-26.773783-46.360887-40.3418-104.914468-40.3418-174.006056 0-113.444748-110.452601-266.959098-111.557772-268.489964-5.063319-6.977925-6.886851-15.84385-4.972245-24.289196 1.913583-8.385994 7.366781-15.601326 14.975063-19.674085 5.300726-2.877537 100.508112-53.607942 218.564901-79.094406 20.034289-62.144362 69.090565-104.190991 125.093043-104.190991 56.007595 0 105.060801 42.046628 125.06746 104.159268 118.02916 25.366737 213.236546 75.79936 218.537272 78.646198 7.604188 4.072759 13.115716 11.260461 15.035438 19.674085C891.017266 100.660976 889.220341 109.494155 884.158045 116.504826L884.158045 116.504826zM520.459672 668.429117c-6.795776 0-13.294794-0.928139-19.943215-1.467421l0 1.467421c0 16.501836 13.444197 29.951149 29.945009 29.951149 16.501836 0 29.951149-13.449313 29.951149-29.951149l0-0.867764c-6.708795 0.571005-13.357216 0.867764-19.947308 0.867764L520.459672 668.429117 520.459672 668.429117zM530.46249-50.33911c-20.902052 0-40.368406 12.547781-54.265928 33.030277 17.968234-1.88186 36.119639-3.085268 54.265928-3.085268 18.151405 0 36.298717 1.202385 54.266951 3.085268C570.837036-37.823052 551.337937-50.33911 530.46249-50.33911L530.46249-50.33911z" transform="translate(0, 812) scale(1, -1)"></path>
                </svg>
                &nbsp;点击安装后返回桌面查看
            </p>
        </div>
    </div>
    <section class="j-main">
        <div class="slogan-top">
            <table width="100%" border="0">
                <tbody>
                <tr>
                    <td align="center" width="100%">
                        <h2>传播知识的力量</h2>
                        <h3>下载你的学习STYLE，从这里开始</h3>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="100%">
                        <div class="sLogan">
                            <img th:src="@{{path}/front/mobile/v3/img/app/logo-s.png?v={v}(path=${staticPath},v=${v})}" alt="" width="70" height="70">
                        </div>
                        <h4 th:text="${title}"></h4>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="ts-bottom">
            <span>您的系统属于</span><tt id="sys-name">IOS平台</tt>
        </div>
        <div style="margin: 20px 30px;font-size: .9rem;line-height: 150%">
            友情提示：
            <br>如安卓识别为iPhone时，请至浏览器：“设置”->“高级设置”->“浏览器UA标识 = 默认。
        </div>
    </section>
    <div class="jt-btn-wrap">
        <p id="help"></p>
        <p><a href="${resultMap.iosUrl}" title="" id="sys-btn">IOS下载</a></p>
    </div>
    <table class="j-foot" width="100%" border="0">
        <tbody>
        <tr>
            <td align="" width="50%" valign="top"></td>
            <td align="" width="50%" valign="top"></td>
        </tr>
        <tr>
            <td align="" width="50%" valign="top"></td>
            <td align="" width="50%" valign="top"></td>
        </tr>
        </tbody>
    </table>
    <!-- /j-main end -->
    <!-- weixin shadow -->
    <div id="weixin_1" class="b-obg">&nbsp;</div>
    <div id="weixin_2" class="wx-tips"><img th:src="@{{path}/front/mobile/v3/img/app/wx_tips.png?v={v}(path=${staticPath},v=${v})}" width="240"></div>
    <script th:inline="javascript" type="text/javascript">
        var sysName = document.getElementById("sys-name");
        var sysBtn = document.getElementById("sys-btn");
        var u = navigator.userAgent;
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
        var iosUrl =[[${iosUrl}]];
        var anUrl =[[${anUrl}]];
        if (/MicroMessenger/i.test(navigator.userAgent)&&!isiOS){
            sysName.innerHTML = "微信平台";
            sysBtn.innerHTML = "请在浏览器下载";
            sysBtn.setAttribute("href","javascript:brower()");
        }else
        if (/android/i.test(navigator.userAgent)){
            sysName.innerHTML = "Android平台";
            sysBtn.innerHTML = "Android下载";
            sysBtn.setAttribute("href",anUrl);
            if(anUrl == null || anUrl == ''){
                anUrl = "javascript:alert('暂未发布, 敬请期待')";
            }
        }
        else   if (/ipad|iphone|mac/i.test(navigator.userAgent)||isiOS){
            sysName.innerHTML = "IOS平台";
            sysBtn.innerHTML = "IOS下载";
            sysBtn.setAttribute("href",iosUrl);
            if(iosUrl == null || iosUrl == ''){
                iosUrl = "javascript:alert('暂未发布, 敬请期待')";
            }
        }
        function brower(){
            document.getElementById("weixin_1").style.display="block";
            document.getElementById("weixin_2").style.display="block";
        }
        function iosToDown(){
            window.location.href=iosUrl;
        }


        function is_IOS() {
            var ua = window.navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == 'micromessenger') {
                return true;
            } else {
                return false;
            }
        }
    </script>
</body>
</html>